import '../styles/signin.css'
import '../styles/signin.less'
import '../styles/signin.scss'

function Signin() {
  const title = document.createElement('h1')
  title.innerText = 'Sign In'
  title.className = 'title'
  const form = document.createElement('form')
  form.className = 'form'
  const email = document.createElement('input')
  email.type = 'email'
  email.placeholder = 'Email'
  email.className = 'input'
  const password = document.createElement('input')
  password.type = 'password'
  password.placeholder = 'Password'
  password.className = 'input'
  const submit = document.createElement('button')
  submit.innerText = 'Sign In'
  submit.className = 'submit'
  form.appendChild(email)
  form.appendChild(password)
  form.appendChild(submit)
  const container = document.createElement('div')
  container.className = 'container'
  container.appendChild(title)
  container.appendChild(form)
  return container
}

document.body.appendChild(Signin())
